<template>
  <div class="home">

    <main>
      <router-view></router-view>
    </main>
    <footer>
      <router-link to="/home/homes">首页</router-link>
       <router-link to="/home/fang">找房</router-link>
        <router-link to="/home/my">我的</router-link>
    </footer>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.home{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  background:#eee;

}
footer{
  line-height: 50px;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;

}
footer a{
  color:#000;
  font-size: 16px;
}
main{
  flex:1;
  overflow-y: scroll;
}
footer a.router-link-exact-active{
  color:darkcyan;
}
</style>